<!DOCTYPE html>
<html lang="zh - CN">

<head>
    <meta charset="UTF - 8">
    <meta name="viewport" content="width=device - width, initial - scale = 1.0">
    <title>恋爱交友注册</title>
    <style>
        form {
            width: 300px;
            margin: 0 auto;
        }
        label {
            display: block;
            margin - top: 10px;
        }
        input[type="radio"],
        input[type="checkbox"] {
            margin - right: 5px;
        }
        select,
        input[type="text"],
        textarea {
            width: 100%;
            margin - top: 5px;
            margin - bottom: 15px;
        }
    </style>
</head>

<body>
    <h3>青春不常在，抓紧谈恋爱</h3>
    <form>
        <label for="gender">性别:</label>
        <input type="radio" id="male" name="gender" value="男">男
        <input type="radio" id="female" name="gender" value="女">女<br>
        <label for="birthday">生日:</label>
        <select id="year">
            <option value="">--请选择年份--</option>
        </select>
        <select id="month">
            <option value="">--请选择月份--</option>
        </select>
        <select id="day">
            <option value="">--请选择日--</option>
        </select><br>
        <label for="region">所在地区:</label>
        <input type="text" id="region" placeholder="北京思密达"><br>
        <label for="marriage">婚姻状况:</label>
        <input type="radio" id="single" name="marriage" value="未婚" checked>未婚
        <input type="radio" id="married" name="marriage" value="已婚">已婚
        <input type="radio" id="divorced" name="marriage" value="离婚">离婚<br>
        <label for="education">学历:</label>
        <input type="text" id="education" placeholder="博士后"><br>
        <label for="type">喜欢的类型:</label>
        <input type="checkbox" id="charming" name="type" value="妩媚的">妩媚的
        <input type="checkbox" id="cute" name="type" value="可爱的">可爱的
        <input type="checkbox" id="fresh" name="type" value="小鲜肉">小鲜肉
        <input type="checkbox" id="old" name="type" value="老腊肉">老腊肉
        <input type="checkbox" id="all" name="type" value="都喜欢" checked>都喜欢<br>
        <label for="intro">个人介绍:</label><br>
        <textarea id="intro" rows="3" cols="30"></textarea><br>
        <input type="checkbox" id="agree" required>我同意注册条款和会员加入标准<br>
        <input type="submit" value="免费注册">
        <br><br>
        <a href="#">我是会员，立即登录</a>
    </form>
    <div>
        <h4>我承诺</h4>
        <ul>
            <li>年满18岁、单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半  23215220108 黎柏成</li>
        </ul>
    </div>
</body>

</html>